<template>
  <div>
    <p>我是app组件</p>
      <!-- 需求: 父传子, 给子组件一个数据并渲染出来 -->
    <Demo :value="count" @input="value => count =value"></Demo>
     <!-- 结论: v-model 完全等同于上面做的事情, 给组件传递了 value 属性, 绑定了 input 事件 -->
    <!-- 1. 将 count 作为数据传递给子组件, 属性名为 value, :value="count" -->
    <!-- 2 绑定了一个 input 事件, 并将传递过来的数据赋值给 count, @input="value => count = value" -->
    <Demo v-model="count"></Demo>
  </div>
</template>

<script>
import Demo from './components/Demo.vue'

export default {
  components:{
  Demo
  },
  data() {
    return {
    count:1
    };
  },

  // methods: {
  //   fn(){
  //     this.count = value
  //   }
  // },
};
</script>
